
<template>
    <div id="app">
        <div id="main4" style="width: 725px;height:350px;"></div>
    </div>
  </template>
   
  <script>
   
  export default {
    name: 'App',
    components: {},
    mounted() {
      this.onExample();
    },
    methods: {
      onExample() {
        let myChart  = this.$echarts.init(document.getElementById('main4'));
        var option = {
            color:[
            '#2984F8'
        ],
        xAxis: {
            type: 'category',
            data: ['老年护理包', '基础包1', '基础包2', '基础包3', '基础包4', '儿童护理包', '高级特需包']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
            data: [325, 250, 225, 130, 225, 30, 75],
            type: 'bar',
            barWidth: '15%',
            itemStyle:{
                barBorderRadius:[50, 50, 0, 0],
            }
            }
            
        ]
        };
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
      }
    }
  }
  </script>
<style scoped>
</style>